<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>箭头函数</title>
  <script>
    /**
     * 1. 无参的箭头函数
     */
    let fun1 = () => {
      console.log("hello,无参的箭头函数！")
    }
    // fun1()
    /**
     * 2. 有一个参数的箭头函数，参数的括号可以省略
     */
    let fun2 = name => {
      console.log(name,',你好！')
    }
    // fun2("张三")
    /**
     * 3. 多个参数的箭头函数
     * 注意：当函数体中只有一句话，并且是返回值，可以简写
     */
    // let fun3 = (a,b = 0) => {
    //   return a + b
    // }
    // let fun3 = (a,b = 0) => a + b
    // let s = fun3(1,2)
    // console.log("s = ",s);

    /**
     * 4. 解构表达式与箭头函数一起连用
     */
    let fun4 = ({sid,sname,sex,age,addr}) => {
      console.log("sid:",sid)
      console.log("sname:",sname)
      console.log("sex:",sex)
      console.log("age:",age)
      console.log("addr:",addr)
    }
    let stud = {
      "sid": 1000,
      "sname": "罗成",
      "sex": "男",
      "age": 200,
      "addr": "山西"
    }
    fun4(stud)
  </script>
</head>
<body>

</body>
</html>
